<template>
  <div style="background:#fff; padding: .3rem" ref="container">
      <div class="title">会员收益：</div>
      <div class="content">
          ※ 平台实行二级消费奖励模式。<br>
        ※ 收益分三部分：<br><span class="colored">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购物返现、分享收益、分润收益</span><br>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;购物返现：在商城购物即可得“赚”现。普通会员即可收益。<br>
        &nbsp;&nbsp;&nbsp;&nbsp;分享收益：被推荐人升创享会员后的固定收益。如图所示：<br>
        <img src="http://we.hzchuangxiangzhe.cn/wukong/php/assets/resource/image/append/rule3.png">
        &nbsp;&nbsp;&nbsp;&nbsp;分润收益：被推荐人商城消费后的收益，收益根据被推荐人所赚的积分而定。如图所示：<br>
        <img src="http://we.hzchuangxiangzhe.cn/wukong/php/assets/resource/image/append/rule4.png">
      </div>
  </div>
</template>
<script>
export default {
    name: 'rule',
    mounted(){
        this.$nextTick(() => this.$refs.container.style.height = window.innerHeight + 'px')
    }
}
</script>
<style lang="less" scoped>
.title{
		border-bottom: 1px solid #ececec;
		font-size: 0.4rem;
		color: #010101;
		height: 1rem;
		line-height: 1rem;
	}
	.content{
		padding: .2rem;
		color: #333;
		font-size: 0.4rem;
	}
	.colored {
	    color: #8696EC !important;
	}
	img{
		width: 90%;
		margin: 10px 5%;
	}
</style>


